<template>
    <h3>{{ title }}</h3>
    <header-comp />
    <main-comp />
    <footer-comp />
</template>

<script>
import HeaderComp from './header.vue'
import MainComp from './main.vue'
import FooterComp from './footer.vue'

export default {
    name: 'MultiRoot',
    props: {
        title: {
            type: String,
            default: ''
        },
    },
    components: {
        HeaderComp,
        MainComp,
        FooterComp
    },
    setup() {
        return {}
    }
}
</script>

<style lang="scss" scoped>
</style>